#pic{
     width: 80%;
     height: 400px;
     margin: 0 auto;
     position: relative;

}
#pic img{
    width: 100%;
    height: 100%;
}

.shown{
    display: block;
}
.hidden{
    display: none;
}
#imgcount {
    width:500px;
    position:absolute;
    top:90%;
    left:46%;
    text-decoration: none;
}
#imgcount li {

    width:18px;
    height:18px;
    /*圆角半径*/
    border-radius:10px;
    background:#CCCCCC;
    font-size:9px;
    color:white;
    font-weight:bold;
    text-align:center;
    float:left;
    margin-right:10px;
    cursor:pointer;
}
#content{
    width: 80%;
    height:1000px;
    margin: 0 auto;
}
#content p{
    font-size: 1em;
    color: rgb(100,100,100);
    margin-left: 50px;
    cursor: pointer;  /*手型*/
}
#c1,#c2,#c3{
     width: 100%;
     height: 333px;
    clear: both;
 }
#list{
    width: 100%;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*border: 1px solid;*/
}
#list a{
    margin-top: 10px;
    color: rgb(100,100,100);
    float: left;
}
#list img{
    float: left;
}
#content li{
    margin-left: 20px;
    float: left;
}
